*{
    margin:0px;
    padding:0px;
}
.head{
    width:100%;
    height: 80px;
    
    background-color: #00081c;
}
.head h3{
    color:white;
    text-align: center;
    line-height: 80px;

}
.nav{
    width:100%;
    height:50px;
    background-color: #00081c;
    opacity: 0.5;
    position: sticky;
    top:0px;
    display:flex;
    justify-content:space-around;
    align-items: center;

}
.nav ul{
    display:flex;
    justify-content:space-around;
    align-items: center;
    color:white
    
}
.nav ul li{
    list-style: none;
    margin-right: 25px;
}
.image{
    width:100%;
    height:500px;
    /* margin: 10 auto; */
    /* position:absolute;
    z-index:-1; */
}
.image img{
    width:100%;
    height:500px;
    margin: 0 auto;
}
.loginBox{
    width:400px;
    height:400px;
    margin: 0 auto;
    margin-top: 50px;
    /* display: flex;
    align-items: center;
    justify-content: center; */
 
}
.loginBox label {
    display: inline-block;
    width: 100px;
    text-align: justify;
    text-align-last: right;
    font-size: 25px;
    color:#687593
  }
.loginBox .ipts {
    margin: 20px 20px;
    width:150px;
    height:22px;
  }
  #btn {
    font-size:18px;
    width:230px;
    background-color: #00081c;
    margin: 20px 30px 20px 50px;
    color: white;
    border:0px;
  }
  .foot{
      width:100%;
      height:150px;
      margin:0 auto;
      background-color: #00081c;
      overflow: hidden;
    
  }
  .foot>ul{
      margin: 10px 30px 10px 400px;
  }

  .foot ul li{
      list-style: none;
      border-right: 1px solid #687593;
      color:#687593;
      float: left;
      font-size: 13px;
      margin-left: 20px;
      padding-right: 20px;
      /* text-align: center; */
  }
  .foot1{
      width:100%;
      height: 90px;
      display: flex;
      justify-content: space-around;
      align-items: center;
      overflow: hidden;
  }
  .foot1>ul{
    margin: 10px 30px 10px 0px;
  }
  .foot p{
      font-size: 13px;
      color:#687593;
      margin: 0px 30px 10px 400px;
  }